<div class="z_sidebar">
  <div class="z_sideMenu">
    <ul class="z_menu">
      <li class="z_menu_item " [class.active]="activeItem === '销售管理'" (mouseover)="setActive('销售管理')" >
        <i></i>
        <span class="z_title">
          销售管理
        </span>
      </li>
      <li class="z_menu_item  "  [class.active]="activeItem === '采购管理'" (mouseover)="setActive('采购管理')" >
        <i></i>
        <span class="z_title">
          采购管理
        </span>
      </li>
      <li class="z_menu_item  "  [class.active]="activeItem === '仓库管理'" (mouseover)="setActive('仓库管理')" >
        <i></i>
        <span class="z_title">
          仓库管理
        </span>
      </li>
      <li class="z_menu_item  "  [class.active]="activeItem === '生产管理'" (mouseover)="setActive('生产管理')" >
        <i></i>
        <span class="z_title">
          生产管理
        </span>
      </li>
      <li class="z_menu_item" [class.active]="activeItem === '质量管理'" (mouseover)="setActive('质量管理')">
        <i></i>
        <span class="z_title">
          质量管理
        </span>
      </li>
      <li class="z_menu_item  "  [class.active]="activeItem === '工艺管理'" (mouseover)="setActive('工艺管理')">
        <i></i>
        <span class="z_title">
          工艺管理
        </span>
      </li>
    </ul>
  </div>
</div>

